
<!DOCTYPE html>
<html>
    <head>
        <title>协囤资讯</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style>
          .layout-logo {
    float: left;
    height: 70px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
    background-image: url("/static/logo.png");
    width: 198px;
    height: 70px; 
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
  }
        </style>

      
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="./es6_polyfill.js"></script>
    <script src="./includes_polyfill.js"></script>   
<script src="./vue.min.js"></script>

    </head>
    <body style="margin: 0;min-width: 1200px;">
        <div id="app">
        <div style="width: 100%;height: 70px;background: #777">
            <div class="layout-logo">

            </div>
        </div>
          <div style="margin: 50px auto;width: 950px;">
              <div style="line-height: 50px;font-size: 26px;font-weight: bold;border-bottom: 5px solid rgb(13, 95, 150);padding-bottom: 10px;">
                    {{item.title}}
                    <div style="text-align: right;font-size: 14px;font-weight: 100;color: #777;line-height: 30px;">{{item.source}}</div>
              </div>
              <div style="line-height: 40px;font-size: 16px;color: black;text-indent: 2em;">
                    <template v-for="item in item.content">
                        <p>{{item}}</p> 
                    </template>
              </div> 
          </div>
        </div>

    </body> 
    <script type="text/javascript">
         
            var app = new Vue({
                el:'#app',
                data:function(){
                    return {
                        item : {}
                    }
                },
                beforeMount:function() {
                    var _this=this;
                    $.getJSON('../data/news.json',function(data){ 
                        _this.item = data.newsXietunList[_this.GetUrlPara()];  
                    })
                },
                methods: {
                    GetUrlPara:function(){
                　　　　var url = document.location.toString();
                　　　　var arrUrl = url.split("?");
                　　　　var para = arrUrl[1];
                　　　　return parseInt(para);
                　　}
                }
            })
            </script>
</html>